import React from 'react';
// 引入contextObj 对象
import contextObj from './context'

// 在后代组件中接收数据
// 方式1: 可以使用Consumer 组件来消费数据 和类组件一样
const { Consumer } = contextObj
const Grandson = () => {
    return (
        <div>
            <p>孙子组件</p>
            <Consumer>
                {
                    val => {
                        return <ul>
                            {
                                val.map((item, index) => <li key={index}>{item}</li>)
                            }
                        </ul>
                    }
                }
            </Consumer>
        </div>
    );
}

export default Grandson;
